<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Asset_Storage</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <script src="../../Utils/tjy_utils/jquery-3.6.0.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>


    <link rel="stylesheet" href="../../Style/tjy_css/Asset_Storage.css">

</head>

<body>
    <!-- 遮罩层 -->
    <div class="mask_layer">
        <div class="mask_layer_left">
            <span>123</span>
        </div>
        <div class="mask_layer_right">
            <div class="mask_layer_right_title">
                <span>消息通知</span>
                <span id="mask_layer_right_title_x">×</span>
            </div>
            <div class="mask_layer_right_msg">
                <div class="mask_layer_right_msg_left">
                    <img src="../../images/tjy_img/content/content_bild.png">
                </div>
                <div class="mask_layer_right_msg_right">
                    <p style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC';font-weight:500;">
                        员工资料变动提醒<span>2021-04-30</span></p>

                    <p style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#999999;">
                        晁文琦提交了入职申请表，请尽快审核。 <img src="../../images/tjy_img/header/heder_msg2.png"></p>
                </div>
            </div>
            <div class="mask_layer_right_msg">
                <div class="mask_layer_right_msg_left">
                    <img src="../../images/tjy_img/content/content_bild.png">
                </div>
                <div class="mask_layer_right_msg_right">
                    <p style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC';font-weight:500;">
                        员工资料变动提醒<span>2021-04-30</span></p>

                    <p style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#999999;">
                        晁文琦提交了入职申请表，请尽快审核。 <img src="../../images/tjy_img/header/heder_msg2.png"></p>
                </div>
            </div>

        </div>
    </div>
    <!-- header标题栏内容 -->
    <div class="content_header">
        <!-- 左边 -->
        <div class="content_header_left">
            <span>OA办公管理系统</span>
        </div>
        <!-- 中间 -->
        <div class="content_header_middle">
            <!-- 中间左边 -->
            <div class="content_header_middle_left">
                <!-- 首页 -->
                <div class="content_header_middle_left_item">
                    <img src="../../images/tjy_img/header/heder_home.png">
                    <span>首页</span>
                </div>
                <!-- 员工 -->
                <div class="content_header_middle_left_item2" id="content_header_middle_left_item2_title">
                    <div class="content_header_middle_left_item2_title">
                        <img src="../../images/tjy_img/header/heder_item.png">
                        <span>资产</span>
                    </div>
                    <!-- 图片 -->
                    <div class="content_header_middle_left_item2_box">
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App01.png">
                            <p>组织</p>
                        </div>
                        <div>
                            <a href="../../pages/tjy_pages/Personnel_transfers.html">
                            <img src="../../images/tjy_img/header_box/Page1_App02.png">
                            <p>员工</p>
                            </a>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App03.png">
                            <p>考勤</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App04.png">
                            <p>薪酬</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App05.png">
                            <p>社保公积金</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App06.png">
                            <p>绩效</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App07.png">
                            <p>招聘</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App08.png">
                            <p>审批</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App09.png">
                            <p>会议室预定</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App10.png">
                            <p>车辆</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App11.png">
                            <p>新闻</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App12.png">
                            <p>公告</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App13.png">
                            <p>合同库</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App14.png">
                            <p>文档库</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App15.png">
                            <p>资产</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App16.png">
                            <p>培训</p>
                        </div>
                        <div>
                            <img src="../../images/tjy_img/header_box/Page1_App17.png">
                            <p>系统设置</p>
                        </div>
                    </div>
                </div>
                <!-- 搜索框 -->
                <div class="content_header_search">
                    <span><img src="../../images/tjy_img/header/heder_search.png" alt=""></span>
                    <input type="text" placeholder="请输入查询的内容">
                </div>
            </div>

            <!-- 中间右边 -->
            <div class="content_header_middle_right">
                <div class="content_header_middle_right_left">
                    <span><img src="../../images/tjy_img/header/heder_message.png"
                            id="content_header_middle_right_left_msg"></span>
                    <img src="../../images/tjy_img/header/heder_msg2.png" class="img2">
                </div>

                <!-- 头像 -->
                <div class="content_header_middle_right_right">
                    <div class="content_header_middle_right_right_img">
                        <img src="../../images/tjy_img/header/heder_person.png" id="person_img">
                        <span>Daisy </span>
                        <img src="../../images/tjy_img/header/heder_todown.png" id="toDown">
                    </div>
                    <!-- 隐藏显示退出 -->
                    <div class="content_header_middle_right_right_box">
                        <p>重置密码</p>
                        <p>退出系统</p>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- content中间区域 -->
    <div class="content_body">
        <!-- 左边列表的内容 -->
        <div class="content_body_left">
            <ul class="content_body_left_ul">
                <!-- 列表一 -->
                <li class="content_body_left_li">
                    <img src="../../images/tjy_img/asset_storage/content_left_coin.png" class="content_body_left_img1">
                    <span>资产管理</span>
                    <img src="../../images/tjy_img/content/content_key_up.png" class="content_body_left_img2">
                    <ul class="content_body_left_list">
                        <li>资产列表</li>
                        <li>资产类别</li>
                        <li>仓库管理</li>
                        <li>资产盘点</li>
                    </ul>
                </li>
            </ul>
            <!-- 列表二 -->
            <ul class="content_body_left_ul2">
                <li class="content_body_left_li2">
                    <img src="../../images/tjy_img/asset_storage/contet_left_home.png" class="content_body_left_img1">
                    <span>库存管理</span>
                    <img src="../../images/tjy_img/content/content_key_up.png" class="content_body_left_img2">
                    <ul class="content_body_left_list">
                        <li>采购单</li>
                        <li>资产入库</li>
                        <li>领用</li>
                        <li>退库</li>
                        <li>借用</li>
                        <li>归返</li>
                        <li>调拨</li>
                    </ul>
                </li>
            </ul>
            <!-- 列表三 -->
            <ul class="content_body_left_ul3">
                <li class="content_body_left_li3">
                    <img src="../../images/tjy_img/asset_storage/contet_left_set _up.png"
                        class="content_body_left_img1">
                    <span>设置</span>
                    <img src="" alt="">
                    <ul>
                        <li></li>
                    </ul>
                </li>
            </ul>

        </div>
        <!-- 右边content的内容 -->
        <div class="content_body_right">
            <!-- 路径导航 -->
            <div class="content_body_right_header">
                <ol class="breadcrumb">
                    <li><a href="#">资产</a></li>
                    <li><a href="#">库存管理</a></li>
                    <li class="active">资产入库</li>
                </ol>
            </div>
            <!-- 表格内容 -->
            <div class="content_body_right_body">
                <!-- 内容区域 -->
                <!-- 标题 -->
                <div class="content_body_right_title">
                    <p>

                    </p>
                    <div>
                        <span>资产入库</span>
                    </div>
                    <img src="../../images/tjy_img/content/content_hr.png">
                </div>

                <!-- 待调动选项 -->
                <div class="content_body_right_search">
                    <!-- 第一排 -->
                    <div class="content_body_right_search_first">
                        <div style="width: 236px;">
                            <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;申请部门</span>
                            <input class="sectorModal_input_value " type="text" placeholder="请选择" data-toggle="modal"
                                data-target="#sectorModal">
                            <img src="../../images/tjy_img/content/content_search1.png">
                        </div>
                        <div class="input_date" style="width:367px;">
                            <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;申请日期</span>
                            <input id="posts_input" type="date" placeholder="请选择日期">
                            <input id="posts_input2" type="date" placeholder="请选择日期">
                        </div>
                        <div style="width:354px;">
                            <input class="searchInp" type="text" placeholder="请输入搜索关键字"
                                style="width: 300px; height:32px;margin-left: 32px;">
                            <img class="searchBtn" src="../../images/tjy_img/content/content_search2.png">
                        </div>
                        <div class="button_bg" style="width:170px;">
                            <div class="button_bg_box2">
                                <button style="width: 56px;" 
                                class="addModal"
                                data-toggle="modal"
                                data-target="#addModal"
                                >新增</button>
                                <button class="delAllCheckBox" style="width:80px;">批量删除</button>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 表格1 -->
                <div class="table_content1">
                    <!-- 表格 -->
                    <div class="tab_class">
                        <table class="table table-striped ">
                            <!-- 表头 -->
                            <thead>
                                <tr>
                                    <th>
                                        <input type="checkbox"/>
                                    </th>
                                    <th>编号</th>
                                    <th>采购单号
                                                <img class="first_key_up" src="../../images/tjy_img/asset_storage/contet_solid_key_up.png">
                                                <img class="first_key_down" src="../../images/tjy_img/asset_storage/contet_solid_key_up.png">
                                    </th>
                                    <th>资产名称</th>
                                    <th>资产类别</th>
                                    <th>申请部门</th>
                                    <th>申请人</th>
                                    <th>申请日期
                                            <img class="first_key_up2" src="../../images/tjy_img/asset_storage/contet_solid_key_up.png">
                                            <img class="first_key_down2" src="../../images/tjy_img/asset_storage/contet_solid_key_up.png">
                                    </th>
                                    <th>操作
                                        <img src="../../images/tjy_img/content/content_set_up.png">
                                    </th>
                                </tr>
                            </thead>
                            <!-- 内容 -->
                            <tbody>
                                <!-- <tr>
                                    <td><input type="checkbox"></td>
                                    <td>1</td>
                                    <td>
                                        <span><a href="#">CG20220303009</a> </span>
                                    </td>
                                    <td>联想thinkplus会议平板</td>
                                    <td>电子及通讯设备</td>
                                    <td>产品部</td>
                                    <td>张三</td>
                                    <td>2022-03-15</td>
                                    <td>
                                        <span>确认入库</span>
                                        &nbsp;                        
                                        <span>删除</span>
                                    </td>
                                </tr>
 -->
                            </tbody>
                        </table>
                    </div>
                    <!-- 页码 -->
                    <div class="Page_style">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <!-- 左一页 -->
                                <li>
                                    <a href="#" class="prevPage">
                                        <span>&laquo;</span>
                                    </a>
                                </li>
                                <!-- 页码 -->
                             <!--    <li class="active">
                                        <a href="#">1</a>
                                    </li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li> -->
                                <!-- 右一页 -->
                                <li>
                                    <a href="#" class="nextPage">
                                        <span>&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- 底部内容 -->
    <div class="footer">
        <a href="http://daisyaxure.com/" target="_blank">
            Copyright © DaisyAxure.com All Rights Reserved
        </a>
    </div>
    <div class="export_box">
        <img src="../../images/tjy_img/content/content_export_img.png">
        <span>删除成功</span>
    </div>
    <!-- 部门模态框 -->
    <div class="modal fade modal_centered" id="sectorModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">选择部门</h4>
                </div>
                <div class="modal-body">
                    <div class="sectorModal_div">
                        <div class="sectorModal_div1_box">
                            <p>已选择：3</p>
                        </div>
                        <div class="sectorModal_div2_box">
                            <div class='sectorModal_div_box'>
                                <span>产品部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2 " src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>研发部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>营销部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>推广部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                            <div class='sectorModal_div_box'>
                                <span>宣传部</span>
                                <img class="sectorModal_div_box_img1" src="../../images/tjy_img/modal/modal_line.png">
                                <img class="sectorModal_div_box_img2" src="../../images/tjy_img/modal/modal_x.png">
                            </div>
                        </div>

                    </div>
                    <!-- 搜索框 -->
                    <div class="sectorModal_div3_box">
                        <input id="sectorModal_div3_box_value" type="text" class="form-control" placeholder="请输入关键字">
                        <img src="../../images/tjy_img/header/heder_search.png">
                    </div>
                    <!-- 贸易公司 -->
                    <div class="sectorModal_div4_box">
                        <p>黛西进出口贸易公司</p>
                        <div class="sectorModal_div4_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_logo.png">
                                <span>黛西进出口贸易公司北京分公司</span>
                                <span class="sectorModal_div4_box_list_count">（3个）</span>
                            </p>
                        </div>
                        <div class="sectorModal_div4_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_logo.png">
                                <span>黛西进出口贸易公司深圳分公司</span>
                                <span class="sectorModal_div4_box_list_count">（3个）</span>
                            </p>
                        </div>
                        <div class="sectorModal_div4_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_logo.png">
                                <span>黛西进出口贸易公司浙江分公司</span>
                                <span class="sectorModal_div4_box_list_count">（3个）</span>
                            </p>
                        </div>
                    </div>
                    <!-- 点击后贸易公司中的选项后 -->
                    <div class="sectorModal_div5_box">
                        <p class="sectorModal_div5_box_p">
                            <a>黛西进出口贸易公司</a>
                            <span>&nbsp;&gt; 黛西进出口贸易公司浙江分公司</span>
                        </p>
                        <div class="sectorModal_div5_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_goods.png">
                                <span id="sectorModal_div5_box_list_span_style">产品部</span>
                                <img src="../../images/tjy_img/modal/modal_radio1.png" id="blankRadio1">
                            </p>
                        </div>
                        <div class="sectorModal_div5_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_goods.png">
                                <span id="sectorModal_div5_box_list_span_style">研发部</span>
                                <img src="../../images/tjy_img/modal/modal_radio1.png" id="blankRadio1">
                            </p>
                        </div>
                        <div class="sectorModal_div5_box_list">
                            <p>
                                <img src="../../images/tjy_img/modal/modal_goods.png">
                                <span id="sectorModal_div5_box_list_span_style">营销部</span>
                                <img src="../../images/tjy_img/modal/modal_radio1.png" id="blankRadio1">
                            </p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary sectorBtn">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改信息模态框 -->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">修改资产入库信息</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">编号</label>
                            <input disabled type="text" class="form-control editId">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">员工编号</label>
                            <input disabled type="text" class="form-control editEmployee_number">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">产品名</label>
                            <input  type="text" class="form-control editAsset_name">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">类型</label>
                            <input type="text" class="form-control editAsset_type">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">部门</label>
                            <input type="text" class="form-control editDepartment">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control editName">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">审批日期</label>
                            <input type="text" class="form-control editApplication">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary editSaveBtn">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加数据模态框1 -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加待调动数据</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">编号</label>
                            <input type="text" class="form-control addId">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">员工编号</label>
                            <input type="text" class="form-control addEmployee_number">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">产品名</label>
                            <input type="text" class="form-control addAsset_name">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">类型</label>
                            <input type="text" class="form-control addAsset_type">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">部门</label>
                            <input type="text" class="form-control addDepartment">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control addName">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">审批日期</label>
                            <input type="text" class="form-control addApplication">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary addSaveBtn">保存</button>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/tjy_js/Asset_storage_list.js"></script>
    <script src="../../js/tjy_js/Asset_storage_header_box1.js"></script>
    <script src="../../js/tjy_js/Asset_storage_mask_layer.js"></script>
    <script src="../../js/tjy_js/Asset_storage_header_box2.js"></script>
    <script src="../../js/tjy_js/Asset_storage_sectorModal.js"></script>
    <script src="../../js/tjy_js/Asset_storage_Data.js"></script>

</body>

</html>